<!DOCTYPE html>
<html lang="zh-TW">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
		<title>Ladouce</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/layout.css"/>
		<style type="text/css">
			body{
				  background: url(img/know01.jpg) top left no-repeat #dcfffa ; background-size: 100% ; position: relative;
			}
		</style>
	</head>
	<body>
		<section class="bg-knowledge">
			<div class="row">
				<div class="col-sm-12">
					<div class="knowlege-title">
						<h1>知識車廂</h1>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="list">
						<ul>
							<li><a href="knowledge-content.html"><span>專欄名稱</span><img src="img/pro01.jpg"/></a></li>
							<li><a href="knowledge-content.html"><span>專欄名稱</span><img src="img/pro01.jpg"/></a></li>
							<li><a href="knowledge-content.html"><span>專欄名稱</span><img src="img/pro01.jpg"/></a></li>
							<li><a href="knowledge-content.html"><span>專欄名稱</span><img src="img/pro01.jpg"/></a></li>
							<li><a href="knowledge-content.html"><span>專欄名稱</span><img src="img/pro01.jpg"/></a></li>
						</ul>
					</div>
					
					<div class="bottom-img">
						<img src="img/pro03.png"/>
					</div>
				</div>
			</div>
			
			<div class="fixed text-center">
				<ul class="menu">
					<li><a href="knowledge-train.html">知识车厢</a></li>
					<li><a href="product.html">眼睛救星</a></li>
					<li><a href="index.html#page1">重看动画</a></li>
				</ul>
			</div>
		</section>
	</body>
</html>
